<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>喜宴</title>

		<!--rem引用-->
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>

		<!--css引用-->
		<link rel="stylesheet" type="text/css" href="css/feast.css" />

		<!--anmiate引用-->
		<link rel="stylesheet" href="css/anmiate.css" />

		<!--icon引用-->
		<link rel="stylesheet" href="http://at.alicdn.com/t/font_666764_gpj6n6sog1yeewmi.css" />
		<link rel="stylesheet" href="http://at.alicdn.com/t/font_666967_j5dm8ezlac3di.css" />

	</head>

	<body>
		<!--页面-->
		<div class="web">
			<!--主要场景-->
			<div class="fieldbox">
				<!--页面标题-->
				<div class="hostTitle">
					<h3>____家的囍宴</h3>
				</div>

				<!--右角音乐键-->
				<div class="musicButton">
					<div class="musicLogo rotateBtn">
						<i class="iconfont icon-icon-test"></i>
						<audio src="audio/H5纯音乐 - 婚礼进行曲.mp3" preload id="music1" hidden autoplay>
					</div>
				</div>

				<!--宴席区域-->
				<div class="tableArea">
					<!--主桌区域-->
					<div class="hostArea">
						<!--主桌-->
						<div class="hostTable">
							<!--桌-->
							<div class="table">
								<p>主宾客</p>
							</div>
							<!--椅-->
							<div class="chair"><img src="img/grandpapa.jpg" /></div>
							<div class="chair"><img src="img/grandma.jpg" /></div>
							<div class="chair"><img src="img/father.jpg" /></div>
							<div class="chair"><img src="img/mother.jpg" /></div>
							<div class="chair"><img src="img/boy.jpg" /></div>
							<div class="chair"><img src="img/girl.jpg" /></div>
						</div>
					</div>

					<!--客桌区域-->
					<div class="guestArea">
						<!--客桌-->
						<div class="guestTable">
							<!--桌-->
							<div class="table" onclick="chooseSeat(this)">
								<p></p>
							</div>
							<!--椅-->
							<div class="chair"><img src="" /></div>
							<div class="chair"><img src="" /></div>
							<div class="chair"><img src="" /></div>
							<div class="chair"><img src="" /></div>
							<div class="chair"><img src="" /></div>
							<div class="chair"><img src="" /></div>
						</div>

						<div class="guestTable">
							<!--桌-->
							<div class="table" onclick="chooseSeat(this)">
								<p></p>
							</div>
							<!--椅-->
							<div class="chair"><img src="" /></div>
							<div class="chair"><img src="" /></div>
							<div class="chair"><img src="" /></div>
							<div class="chair"><img src="" /></div>
							<div class="chair"><img src="" /></div>
							<div class="chair"><img src="" /></div>
						</div>

						<div class="guestTable">
							<!--桌-->
							<div class="table" onclick="chooseSeat(this)">
								<p></p>
							</div>
							<!--椅-->
							<div class="chair"><img src="" /></div>
							<div class="chair"><img src="" /></div>
							<div class="chair"><img src="" /></div>
							<div class="chair"><img src="" /></div>
							<div class="chair"><img src="" /></div>
							<div class="chair"><img src="" /></div>
						</div>

						<div class="guestTable">
							<!--桌-->
							<div class="table" onclick="chooseSeat(this)">
								<p></p>
							</div>
							<!--椅-->
							<div class="chair"><i class="iconfont icon-wo"></i></div>
							<div class="chair"><i class="iconfont icon-wo"></i></div>
							<div class="chair"><i class="iconfont icon-wo"></i></div>
							<div class="chair"><i class="iconfont icon-wo"></i></div>
							<div class="chair"><i class="iconfont icon-wo"></i></div>
							<div class="chair"><i class="iconfont icon-wo"></i></div>
						</div>

						<div class="guestTable lastTable">
							<div class="table" onclick="addSeat()">
								<p><i class="iconfont icon-jiahao"></i></p>
							</div>
							<div class="chair"><i class="iconfont icon-wo"></i></div>
							<div class="chair"><i class="iconfont icon-wo"></i></div>
							<div class="chair"><i class="iconfont icon-wo"></i></div>
							<div class="chair"><i class="iconfont icon-wo"></i></div>
							<div class="chair"><i class="iconfont icon-wo"></i></div>
							<div class="chair"><i class="iconfont icon-wo"></i></div>
						</div>
					</div>

				</div>

				<!--底部分享框-->
				<div class="shareArea">
					<div class="shareLogo animated tada">
						<span>生成囍宴,分享囍事</span>
						<img src="img/shareLogo.png" />
					</div>
					<div class="indexLogo">
						<a href="index.html"><i class="iconfont icon-fangzi"></i></a>
					</div>
				</div>

			</div>

			<!--载入弹窗-->
			<div class="loadingbox">
				<!--喜糖效果-->
				<div class="sugar">
					<img src="img/sugar.png" />
					<img src="img/sugar.png" />
					<img src="img/sugar.png" />
					<img src="img/sugar.png" />
					<img src="img/sugar.png" />
					<img src="img/sugar.png" />
					<img src="img/sugar.png" />
					<img src="img/sugar.png" />
					<img src="img/sugar.png" />
					<img src="img/sugar.png" />
					<img src="img/sugar.png" />
					<img src="img/sugar.png" />
					<img src="img/sugar.png" />
					<img src="img/sugar.png" />
					<img src="img/sugar.png" />
					<img src="img/sugar.png" />
					<img src="img/sugar.png" />
					<img src="img/sugar.png" />
					<img src="img/sugar.png" />
					<img src="img/sugar.png" />
					<img src="img/sugar.png" />
				</div>

				<!--弹窗-->
				<div class="popupWindow animated flipInX">
					<div class="title">
						<p>欢迎来到____的囍宴</p>
					</div>
					<div class="chooseSeat">
						<p>我要入席</p>
					</div>
					<div class="rank">
						<a href="list.html">查看喜宴排行榜</a>
					</div>
					<div class="application">
						<a href="masterInfor.html">我也要制作我的囍宴</a>
					</div>
					<!--关闭按钮-->
					<div class="closePopup"><i class="iconfont icon-cha"></i></div>
				</div>
			</div>

			<!--分享弹窗-->
			<div class="sharebox">
				<div class="popupWindow2 animated swing">
					<p></p>
					<div class="closePopup"><i class="iconfont icon-cha"></i></div>
				</div>
			</div>
		</div>

		<!--JAVAScript-->
		<script src="js/newbrandy.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>